<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/questions.js"></script>
<script type="text/javascript" src="js/onload.js"></script>
<title>Untitled Document</title>
</head>

<body>
<div id="body_container">

<div id="main_screen">

<p class="text">YoQuiz</p>

<table id="questions_table" cellspacing=0 cellpadding=0>

<tr>
<td class="category_cell"><p class="text">Key Section 1</p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
</tr>

<tr>
<td class="category_cell"><p class="text">Key Section 2</p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
</tr>

<tr>
<td class="category_cell"><p class="text">Key Section 3</p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
</tr>

<tr>
<td class="category_cell"><p class="text">Key Section 4</p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
</tr>

<tr>
<td class="category_cell"><p class="text">Key Section 5</p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
<td class="question_cell"><p class="question_number"></p> <p class="question_cost"></p></td>
</tr>

</table>

</div>


<div id="question_screen">

<div id="question_heading">
	<p class="text">Key Section 1</p>
    <p class="text">100</p>
</div>

<div id="question_box">
	<p class="text" id="question_text">It is used to input text information into the computer. Do you know what it is?</p>
</div>

<div id="yes_button">
	<p class="text" id="answer_text">YES</p>
</div>

<div id="no_button">
	<p class="text" id="answer_text">NO</p>
</div>

</div>

<div id="players_container">
	<div id="player_button_1" class="player_button"><p class="text">Team 1</p> <p class="player_score">1000</p></div>
	<div id="player_button_2" class="player_button"><p class="text">Team 2</p> <p class="player_score">1000</p></div>
	<div id="player_button_3" class="player_button"><p class="text">Team 3</p> <p class="player_score">1000</p></div>
</div>

</div>
</body>
</html>
